<template>
    <el-input-number v-model="$store.getters.getGoodsCount[goodsid]" size="small" @change="countChanged" :min="1" ref="numbox" readonly label="描述文字"></el-input-number>

  <!-- 分析： 子组件什么时候把 数据传递给父组件 -->
  <!--  -->
</template>

<script>

export default {
  mounted() {
    // 初始化数字选择框组件
  },
  methods: {
    countChanged(value) {
      // 数量改变了
      // console.log(this.$refs.numbox.value);
      // 每当数量值改变，则立即把最新的数量同步到 购物车的  store 中，覆盖之前的数量值
      this.$store.commit("updateGoodsInfo", {
        id: this.goodsid,
        count: value
      });
    }
  },
  props: ["goodsid"]
};
</script>

<style lang="scss" scoped>

</style>
